<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小呆模型应用平台 - 仪表板</title>
    <link rel="stylesheet" href="/static/css/dashboard.css">
</head>
<body>
    <div class="dashboard-container">
        <!-- 侧边栏 -->
        <aside class="sidebar">
            <div class="sidebar-header">
                <h2>小呆模型应用平台</h2>
            </div>
            
            <nav class="sidebar-nav">
                <ul>
                    <li class="nav-item active">
                        <a href="#" data-page="overview">
                            <i class="icon">🏠</i>
                            <span>概览</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="#" data-page="chat">
                            <i class="icon">💬</i>
                            <span>智能问答</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="#" data-page="knowledge">
                            <i class="icon">📚</i>
                            <span>知识库管理</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="#" data-page="writing">
                            <i class="icon">✍️</i>
                            <span>智能写作</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="#" data-page="profile">
                            <i class="icon">👤</i>
                            <span>个人信息</span>
                        </a>
                    </li>
                </ul>
            </nav>
            
            <div class="sidebar-footer">
                <button class="logout-btn" id="logoutBtn">退出登录</button>
            </div>
        </aside>
        
        <!-- 主内容区 -->
        <main class="main-content">
            <header class="main-header">
                <div class="user-info">
                    <span id="userWelcome">欢迎回来！</span>
                    <div class="user-avatar">
                        <span id="userInitial">A</span>
                    </div>
                </div>
            </header>
            
            <div class="content-area" id="contentArea">
                <!-- 默认概览页面 -->
                <div class="page-content" id="overviewContent">
                    <h1>平台概览</h1>
                    <div class="stats-grid">
                        <div class="stat-card">
                            <div class="stat-icon">📚</div>
                            <div class="stat-info">
                                <h3>知识库数量</h3>
                                <p class="stat-number" id="kbCount">0</p>
                            </div>
                        </div>
                        <div class="stat-card">
                            <div class="stat-icon">📄</div>
                            <div class="stat-info">
                                <h3>文档数量</h3>
                                <p class="stat-number" id="docCount">0</p>
                            </div>
                        </div>
                        <div class="stat-card">
                            <div class="stat-icon">📝</div>
                            <div class="stat-info">
                                <h3>模板数量</h3>
                                <p class="stat-number" id="templateCount">0</p>
                            </div>
                        </div>
                        <div class="stat-card">
                            <div class="stat-icon">💬</div>
                            <div class="stat-info">
                                <h3>对话次数</h3>
                                <p class="stat-number" id="chatCount">0</p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="quick-actions">
                        <h2>快速操作</h2>
                        <div class="action-buttons">
                            <button class="action-btn" data-page="knowledge">
                                <i class="icon">➕</i>
                                创建知识库
                            </button>
                            <button class="action-btn" data-page="chat">
                                <i class="icon">💬</i>
                                开始对话
                            </button>
                            <button class="action-btn" data-page="writing">
                                <i class="icon">✍️</i>
                                智能写作
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </main>
    </div>

    <script src="/static/js/auth.js"></script>
    <script src="/static/js/dashboard.js"></script>
</body>
</html> 